.ring-pop-up {
  width: auto;
  
  padding: 0 !important;
  // z-index: 1 !important;
  .el-notification__group {
    .el-notification__title {
      display: none;
    }
    margin: 0;
    .el-notification__content {
      margin: 0;
      .ring-pop-up-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #1a4969;
        color: #fff;

        .__title {
          font-size: 16px;
          cursor: default;
          margin-top: 5px;
        }
        .__button {
          display: flex;
          justify-content: space-around;
          margin: 5px 0;
          .svg-icon {
            height: 40px;
            width: 40px;
            cursor: pointer;
            margin: 0 10px;
          }
        }
        @media screen and (max-width: 1024px){
          .__title {
            font-size: 14px;
          }
          .__button {
            .svg-icon {
              height: 30px;
              width: 30px;
            }
          }
        }
      }
    }
  }
}
